<!doctype html>
<html class="x-admin-sm">
<head>
<meta charset="UTF-8">
<title>会员登录</title>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" href="../css/font.css">
<link rel="stylesheet" href="../css/login.css">
<link rel="stylesheet" href="../css/xadmin.css">
<script type="text/javascript"
	src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="../lib/layui/layui.js" charset="utf-8"></script>
</head>
<body class="login-bg">

	<div class="login layui-anim layui-anim-up">
		<div class="message">会员登录</div>
		<div id="darkbannerwrap"></div>

		<form method="post" class="layui-form">
			<input name="userName" placeholder="用户名" type="text"
				lay-verify="required" class="layui-input">
			<hr class="hr15">
			<input name="userPwd" lay-verify="required" placeholder="密码"
				type="password" class="layui-input">
			<hr class="hr15">
			<input value="登录" lay-submit lay-filter="login" style="width: 100%;"
				type="submit">
			<hr class="hr20">
		</form>
		<div align="right"><a href="register.html" style="font-size: 20px">立即注册</a></div>
	</div>

	<script>
		$(function() {
			layui.use('form', function() {
				var form = layui.form;
				form.on('submit(login)', function(data) {
					$.ajax({
						type : "POST",
						url : "/user/login",
						data : data.field,
						success : function(result) {
							if (result > 0) {
								layer.alert("登录成功", {
									icon : 6
								}, function() {
									location.href = 'index.html'
								});
							} else {
								layer.alert("登录失败！账号或者密码错误！", {
									icon : 5
								});
							}
						}
					});
					return false;
				});
			});
		})
	</script>
</body>
</html>